$(document).ready(function () {
    init()

    // getProvince()

    // getCityByProId()

    // getDistrictByCityId()

    // getEducation()

    new Vue({
        el: '#app',
        data: {
            dataFiling: {},
            // provinces: [],
            // cities: [],
            // districts: [],
            educations: [],
            // provinceId: '',
            // cityId: ''
        },
        methods: {
            queryDataFiling() {
                $.ajax({
                    async: false,
                    type: 'get',
                    url: 'queryDataFiling',
                    success: data => {
                        this.dataFiling = data
                        // this.provinceId = this.dataFiling.province
                        // this.cityId = this.dataFiling.city
                    },
                    error: function () {
                        alert("出错啦");
                    }
                })
            },

            /*getProvince() {
                $.ajax({
                    async: false,
                    type: "GET", // 请求方式
                    url: "ajaxGetProvince", // 请求的服务器路径
                    success: (data) => {
                        this.provinces = data

                        console.log('Province   ', this.provinceId)
                        console.log('Province   ', this.cityId)
                    },
                    error: function () {
                        alert("出错啦");
                    }
                });
            },

            getCityByProId(proId) {
                console.log(proId)
                if (proId == null) proId = "110000";
                $.ajax({
                    async: false,
                    type: "GET", // 请求方式
                    url: "ajaxGetCityByProId", // 请求的服务器路径
                    data: "proId=" + proId, // 发送给服务器的数据
                    success: (data) => {
                        this.cities = data
                        console.log('City   ', this.provinceId)
                        console.log('City   ', this.cityId)
                    },
                    error: function () {
                        alert("出错啦");
                    }
                });
            },

            getDistrictByCityId(cityId) {
                console.log(cityId)
                if (cityId == null) cityId = "110100";
                $.ajax({
                    async: false,
                    type: "GET", // 请求方式
                    url: "ajaxGetDistrictByCityId", // 请求的服务器路径
                    data: "cityId=" + cityId, // 发送给服务器的数据
                    success: (data) => {
                        this.districts = data
                        console.log('District   ', this.provinceId)
                        console.log('District   ', this.cityId)
                    },
                    error: function () {
                        alert("出错啦");
                    }
                });
            },*/

            getEducation() {
                $.ajax({
                    async: false,
                    type: "GET", // 请求方式
                    url: "ajaxGetEducation", // 请求的服务器路径
                    success: data => {
                        this.educations = data
                    },
                    error: function () {
                        alert("出错啦");
                    }
                });
            }
        },
        created() {
            this.queryDataFiling()
            // this.getProvince()
            // this.getCityByProId(this.dataFiling.province)
            // this.getDistrictByCityId(this.dataFiling.city)
            getProvince(this.dataFiling.province)
            getCityByProId(this.dataFiling.province, this.dataFiling.city)
            getDistrictByCityId(this.dataFiling.city, this.dataFiling.district)
            console.log('diyici')
            this.getEducation()
        }
    })
})

function init() {
    $("#header").load("jump?url=common/header", null, function () {
        $(".nav_navs").children().eq(5).children().attr("class", "on")
        $(".header_h1").css("margin-top", "0px")
        $(".header_weixin").css("margin-top", "0px")
        $(".header_weixin>img").mouseover(function () {
            $(".header_weixinBig").css('display', 'block');
        })
        $(".header_weixin>img").mouseout(function () {
            $(".header_weixinBig").css('display', 'none');
        })
    })

    $("#jkrxxrz").load("jump?url=common/jkrxxrz", null, function () {
        $('.container').children().eq(1).css("color", "#009FE9")
        $('.container').children().eq(2).css("color", "#009FE9")
        $('.container').children().eq(3).css("color", "#000")
        $('.container').children().eq(9).css("color", "#009FE9")
        $('.container').children().eq(10).css("color", "#000")
    })

    $("#footer").load("jump?url=common/footer")
}

function updateDataFiling() {
    var formData = new FormData($("#updateForm").get(0))
    $.ajax({
        type: "post", // 请求的类型，等价于 form 表单的 method 属性
        url: "updateDataFiling", // 请求的服务器url，等价于 form 表单的 action 属性
        data: formData,
        // 使用FormData对象作为ajax发送服务器的数据载体，需要设置以下两个参数
        contentType: false, // 防止request请求位置文件头上下文对象，如果进行处理，则会丢失文件流对象
        processData: false, // 防止request请求自动处理ForamData对象，如果进行处理，则会丢失文件流对象
        success: function (data) { // 成功时的回调函数
            // 进行业务逻辑处理，进行 dom 操作，完成页面的据图更新
            // 解析ajax回调返回的data对象中的数据，然后将其显示到指定的位置
            if (data == 'noSession') {
                alert("出错啦，未登录，noSession")
            } else if (data == 'ok') {
                alert("success")
                location = 'borrowing';
            }
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getProvince(proId) {
    console.log('getProvince', proId)
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetProvince", // 请求的服务器路径
        success: function (data) {
            let strProvince = "";
            $.each(data, function (index, province) {
                if (province.proId == proId) {
                    strProvince += "<option value='"+province.proId+"' selected>"+province.proName+"</option>";
                } else {
                    strProvince += "<option value='"+province.proId+"'>"+province.proName+"</option>";
                }
            });
            $("#province").html(strProvince);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getCityByProId(proId, cityId) {
    console.log('getCityByProId', proId)
    console.log('getCityByProId', cityId)
    if (proId == null) proId = "110000";
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetCityByProId", // 请求的服务器路径
        data: "proId="+proId, // 发送给服务器的数据
        success: function (data) {
            let strCity = "";
            $.each(data, function (index, city) {
                if (cityId == null && index == 0) getDistrictByCityId(city.cityId);
                if (city.cityId == cityId) {
                    strCity += "<option value='"+city.cityId+"' selected>"+city.cityName+"</option>";
                } else {
                    strCity += "<option value='"+city.cityId+"'>"+city.cityName+"</option>";
                }
            });
            $("#city").html(strCity);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getDistrictByCityId(cityId, disId) {
    console.log('getDistrictByCityId', cityId)
    console.log('getDistrictByCityId', disId)
    if (cityId == null) cityId = "110100";
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetDistrictByCityId", // 请求的服务器路径
        data: "cityId="+cityId, // 发送给服务器的数据
        success: function (data) {
            let strDistrict = "";
            $.each(data, function (index, district) {
                if (district.disId == disId) {
                    strDistrict += "<option value='"+district.disId+"' selected>"+district.disName+"</option>";
                } else {
                    strDistrict += "<option value='"+district.disId+"'>"+district.disName+"</option>";
                }
            });
            $("#district").html(strDistrict);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

//参数n为休眠时间，单位为毫秒:
function sleep(n) {
    var start = new Date().getTime();
    console.log('休眠前：' + start);
    while (true) {
        if (new Date().getTime() - start > n) {
            break;
        }
    }
    console.log('休眠后：' + new Date().getTime());
}

function uploadPreview(fileInput) {
    var previewImg = fileInput.parentElement.firstElementChild.nextElementSibling.nextElementSibling.nextElementSibling.firstElementChild
    console.log(previewImg)
    fileInput.addEventListener('change', function () {
        var file = this.files[0];
        var reader = new FileReader();
        // 监听reader对象的的onload事件，当图片加载完成时，把base64编码賦值给预览图片
        reader.addEventListener("load", function () {
            previewImg.src = reader.result;
        }, false);
        // 调用reader.readAsDataURL()方法，把图片转成base64
        reader.readAsDataURL(file);
    }, false);
}